<template>
    <div class="recharge_details">
        <mt-cell title="数量" :value="$route.query.amount"></mt-cell>
        <mt-cell title="状态">
            <span style="color:#e68d55" v-if="$route.query.status === 0">已提交</span>
            <span style="color:#e68d55" v-else-if="$route.query.status == 1">已发送</span>
            <span style="color:#e68d55" v-else-if="$route.query.status == 2">成功</span>
            <span style="color:#e68d55" v-else-if="$route.query.status == 3">失败</span>
            <span style="color:#e68d55" v-else-if="$route.query.status == 4">驳回</span>
            <span style="color:#e68d55" v-else-if="$route.query.status == 5">通过</span>
        </mt-cell>
        <mt-cell title="申请时间" :value="$route.query.createTime"></mt-cell>
        <mt-cell title="地址">
            <mt-field disabled :value="$route.query.toAddress"></mt-field>
        </mt-cell>
        <mt-cell title="TxID">
            <mt-field disabled :value="$route.query.targetValue"></mt-field>
        </mt-cell>
        <mt-cell title="确认时间" :value="$route.query.updateTime"></mt-cell>
    </div>
</template>

<script>
    export default {
        name: "Details"
    }
</script>

<style>
    .recharge_details .mint-cell-wrapper{
        font-size: .3rem;
    }
</style>
